একজন ডেভেলপার বা কম্পিউটার সায়েন্সের শিক্ষার্থী হিসেবে নিজের একটি পোর্টফোলিও ওয়েবসাইট থাকাটা বর্তমানে কতটা জরুরি তা আমরা সবাই জানি। কিন্তু ডোমেইন আর হোস্টিংয়ের পেছনে প্রতি বছর হাজার হাজার টাকা খরচ করা স্টুডেন্টদের জন্য বেশ কঠিন।

আগের একটি পোস্টে আমরা আলোচনা করেছিলাম কীভাবে 'গিটহাব স্টুডেন্ট প্যাক' দিয়ে ১ বছরের জন্য সম্পূর্ণ ফ্রি ডোমেইন নেওয়া যায়। আজ আমরা দেখবো সেই ডোমেইনটি ব্যবহার করে বা ডোমেইন ছাড়াই কীভাবে গিটহাব পেজেস (GitHub Pages)-এর মাধ্যমে সারাজীবনের জন্য আপনার ওয়েবসাইটটি সম্পূর্ণ ফ্রিতে হোস্ট বা লাইভ করবেন।

আরও পড়ুন: গিটহাব স্টুডেন্ট ডেভেলপার প্যাকের সুবিধা

গিটহাব পেজেস (GitHub Pages) কী?

গিটহাব পেজেস হলো গিটহাবের নিজস্ব একটি ফ্রি হোস্টিং সার্ভিস। আপনি যদি গিটহাবে আপনার ওয়েবসাইটের কোড (HTML, CSS, JavaScript) আপলোড করে রাখেন, গিটহাব সেই কোডগুলোকে সরাসরি একটি লাইভ ওয়েবসাইটে রূপান্তর করে দেয়। এর জন্য আপনাকে কোনো হোস্টিং প্যানেল বা সার্ভার কিনতে হবে না।

কারা এটি ব্যবহার করতে পারবেন?

স্ট্যাটিক ওয়েবসাইট (Static Website) যেমন পার্সোনাল পোর্টফোলিও, প্রজেক্ট ডকুমেন্টেশন, ল্যান্ডিং পেজ বা ছোটখাটো ব্লগের জন্য গিটহাব পেজেস একদম পারফেক্ট। 

কীভাবে গিটহাব পেজেসে ওয়েবসাইট লাইভ করবেন? (স্টেপ-বাই-স্টেপ)

ধাপ ১: গিটহাবে অ্যাকাউন্ট ও রিপোজিটরি তৈরি প্রথমে github.com-এ গিয়ে আপনার অ্যাকাউন্ট লগইন করুন। এরপর ডানদিকের ওপরের '+' আইকনে ক্লিক করে "New Repository"-তে যান।

ধাপ ২: রিপোজিটরির নামকরণে ম্যাজিক এখানেই সবচেয়ে গুরুত্বপূর্ণ কাজ। রিপোজিটরির নাম (Repository name) দেওয়ার সময় আপনার গিটহাব ইউজারনেমের সাথে হুবহু মিলিয়ে নাম দিতে হবে। যেমন আপনার ইউজারনেম যদি হয় mahir123, তাহলে রিপোজিটরির নাম দিতে হবে mahir123.github.io। এরপর রিপোজিটরিটি 'Public' রেখে "Create repository" বাটনে ক্লিক করুন।

ধাপ ৩: ওয়েবসাইটের কোড আপলোড এখন আপনার তৈরি করা ওয়েবসাইটের ফাইলগুলো (index.html, style.css ইত্যাদি) এই রিপোজিটরিতে আপলোড বা পুশ (Push) করে দিন। খেয়াল রাখবেন ওয়েবসাইটের মূল ফাইলটির নাম যেন অবশ্যই index.html হয়।

ধাপ ৪: ওয়েবসাইট লাইভ কোড আপলোড করার কয়েক মিনিটের মধ্যেই আপনার ওয়েবসাইট লাইভ হয়ে যাবে। ব্রাউজারে গিয়ে আপনার রিপোজিটরির নাম (যেমন: yourusername.github.io) লিখে সার্চ করলেই আপনার ওয়েবসাইট দেখতে পাবেন।

প্রো-টিপ: কাস্টম ডোমেইন যুক্ত করা (Custom Domain)

আপনার যদি .me বা .tech এর মতো নিজস্ব ডোমেইন থাকে (যা গিটহাব স্টুডেন্ট প্যাক থেকে ফ্রিতে নেওয়া যায়), তবে সেটিও যুক্ত করতে পারবেন। রিপোজিটরির Settings > Pages অপশনে গিয়ে 'Custom domain' বক্সে আপনার ডোমেইনের নাম লিখে সেভ করে দিলেই আপনার ওয়েবসাইটটি প্রফেশনাল ডোমেইনে লাইভ হয়ে যাবে!

কোডিং শেখার শুরুতে নিজের করা প্রথম প্রজেক্ট বা পোর্টফোলিওটি এভাবেই গিটহাবে হোস্ট করে দুনিয়াকে দেখাতে পারেন। আপনি কি আপনার পোর্টফোলিও তৈরি করেছেন? কমেন্টে লিংক শেয়ার করতে পারেন। 

Tech, Web Development, Student Offers, GitHub, Hosting, টি এইচ মাহির, T H Mahir